import React, { Component } from 'react';
import { Link } from 'react-router-dom'
class daohang1 extends Component {
  constructor(props) {
    super(props);
    this.state = {}
  }
  render() {
    return (
      <div>
        <div>当前页面--------导航页1</div>
        <div>
          <ul className="lateralNavigation clearfix">
            <li>
              <Link to="/测试页面">测试页面</Link>
            </li>
          </ul>
          <ul className="lateralNavigation clearfix">
            <li>
              <Link to="/lybqccjcb/a:{b:2}">路由标签基础版传参</Link>
            </li>
            <li>
              {/* search 参数会让render执行2次 */}
              <Link to={{ pathname: '/lybqcc', search: 'params={name:哈哈哈}', query: { name: '哈哈哈' } }}>路由标签query传参</Link>
            </li>
            <li>
              <p onClick={this.jump}>路由函数state传参</p>
            </li>
            <li>
              <Link to="/lufhsyy/哈哈哈">路由返回上一页</Link>
            </li>
            <li>
              <Link to="/zjsy">组件首页</Link>
            </li>
            <li>
              <Link to="/hszjy">函数式组件</Link>
            </li>
            <li>
              <Link to="/rdxym">redux页面</Link>
            </li>
            <li>
              <Link to="/bdzj">表单组件</Link>
            </li>
            <li>
              <Link to="/refsy">ref的使用</Link>
            </li>
          </ul>
          <ul className="lateralNavigation clearfix">
            <li>
              <Link to="/sstsy">setState使用</Link>
            </li>
            <li>
              <Link to="/wxgdiv">Fragment无需跟div</Link>
            </li>
            <li>
              <Link to="/chacao">插槽</Link>
            </li>
            <li>
              <Link to="/smzq">生命周期</Link>
            </li>
            <li>
              <Link to="/hoks">hooks</Link>
            </li>
            <li>
              <Link to="/gjzj">高阶组件</Link>
            </li>
            <li>
              <Link to="/sjqq">数据请求axios</Link>
            </li>
            <li>
              <Link to="/tpsy">img使用</Link>
            </li>
          </ul>
        </div>
        <div></div>
      </div>
    );
  }
  jump = () => {
    this.props.history.push({ pathname: '/lyhsscc', state: { name: '哈哈哈' } })
  }
}

export default daohang1;